﻿<!--
//===============================================================================
// Microsoft Architecture Strategy Team
// LitwareHR - S+S Sample Application
//===============================================================================
// Copyright  Microsoft Corporation.  All rights reserved.
// THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY
// OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT
// LIMITED TO THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
// FITNESS FOR A PARTICULAR PURPOSE.
//===============================================================================
// The example companies, organizations, products, domain names,
// e-mail addresses, logos, people, places, and events depicted
// herein are fictitious.  No association with any real company,
// organization, product, domain name, email address, logo, person,
// places, or events is intended or should be inferred.
//===============================================================================
-->
<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:System="clr-namespace:System;assembly=mscorlib"
  x:Class="LitwareHR.PublicApp.WinUX.HeaderView"
  Background="{x:Null}" BorderThickness="0,0,0,0" Margin="0,0,0,0" Width="{DynamicResource ControlWidth}" Height="310.3">
	<UserControl.Resources>
		<System:Double x:Key="ControlWidth">900</System:Double>    
		<BitmapImage x:Key="ImagePath" CacheOption="OnLoad" CreateOptions="IgnoreImageCache" />    
	</UserControl.Resources>
  <Canvas>
  	<Canvas.Background>
  		<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
  			<GradientStop Color="#FFECF1F5" Offset="1"/>
  			<GradientStop Color="#342D7E" Offset="0.74"/>
  		</LinearGradientBrush>
  	</Canvas.Background>
	 
  	<Image Name="HeaderImage"  Width="Auto" Height="Auto" Source="../../Images/DefaultHeader.jpg" Stretch="Fill"/>
    <TextBlock Name="ProgressText" Width="Auto" Height="Auto" />
	  <Canvas x:Name="sockectCanvas">
		  <Image Canvas.Top="13" Canvas.Left="952" x:Name="socketimage"  Source="../../Images/login-socket.gif"  Width="53" Height="53"></Image>
	  </Canvas>

	  <Canvas x:Name="connectedCanvas">		
		  <Image Canvas.Top="3" Canvas.Left="929" x:Name="connectedImage"  Source="../../Images/Connected.png"  Width="75" Height="75"></Image>
	  </Canvas>
	  
	  <Canvas x:Name="plugCanvasForward">
		  <Image Canvas.Top="5" Canvas.Left="900"  x:Name="plugimageforward"  Source="../../Images/login-plug.gif"  Width="50" Height="50"></Image>
		  <Canvas.RenderTransform>
			  <TransformGroup>
				  <ScaleTransform ScaleX="1" ScaleY="1"/>
				  <TranslateTransform x:Name="myTranslateForward"/>
			  </TransformGroup>
		  </Canvas.RenderTransform>
		  <Canvas.Resources>
			  <Storyboard x:Key="storyforwardkey">
				  <DoubleAnimation Storyboard.TargetName="myTranslateForward"
					Storyboard.TargetProperty="X"
					To="20"
					Duration="0:0:2"
				   />
			  </Storyboard>			  
		  </Canvas.Resources>
	  </Canvas>	
		  
		  <Canvas x:Name="plugCanvasBackward">
			  <Image Canvas.Top="5" Canvas.Left="920"  x:Name="plugimagebackward"  Source="../../Images/login-plug.gif"  Width="50" Height="50"></Image>
			  <Canvas.RenderTransform>
				  <TransformGroup>
					  <ScaleTransform ScaleX="1" ScaleY="1"/>
					  <TranslateTransform x:Name="myTranslatebackward"/>
				  </TransformGroup>
			  </Canvas.RenderTransform>
			  <Canvas.Resources>
				  <Storyboard x:Key="storybackwardkey">
					  <DoubleAnimation Storyboard.TargetName="myTranslatebackward"
						Storyboard.TargetProperty="X"
						To="-20"
						Duration="0:0:2"
				   />
				  </Storyboard>
			  </Canvas.Resources>
		  </Canvas>		  
  </Canvas>
</UserControl>

